<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>ES9 对象展开</title>
</head>

<body>
  <script>
   /*  Rest 参数与 spread 扩展运算符在 ES6 中已经引入，不过 ES6 中只针对数组
      在 ES9 中为对象提供了像数组一样的 rest 参数和扩展运算符 */
  
    // function connect({host , port ,...user}){
    //   console.log(host);
    //   console.log(port);
    //   console.log(user);
    // }

    // connect({
    //   host:'127.0.0.1',
    //   port:3306,
    //   username:'root',
    //   password:'root',
    //   type:'master'
    // })

    const skillOne = {
      q:'天音波'
    }

    const skillTwo = {
      w:'金钟罩'
    }

    const skillThree = {
      e:'狂风绝息斩'
    }

    const skillFour = {
      r:'神龙摆尾'
    }

    const mangsen = {...skillOne, ...skillTwo, ...skillThree, ...skillFour}
    console.log(mangsen);

  </script>
</body>
</html>